<template>
  <button class="demo-button">
      {{msg}}
    <slot />
  </button>
</template>

<script lang="ts">
import { Options, Vue } from 'vue-class-component';
@Options({
  props: {
    msg: String
  }
})
export default class DemoButton extends Vue {
  msg!: string
}
// export default {
//   name: 'demo-button',

//   props: {
//     color: String,
//     type: {
//       type: String,
//       default: 'primary',
//     },
//   },
// };
</script>

<style lang="scss">
.demo-button {
  min-width: 120px;
  color: #fff;
  font-size: 16px;
  line-height: 36px;
  background-color: #f44;
  border: none;
  border-radius: 30px;
}
</style>
